<template>
  <div class="comproblem-wrap">
  	<div class="comproblem-title">{{ title }}</div>
  	<ul class="comproblem-list">
  		<li class="comproblem-item" v-for="(itemt, index) in comproblemList">
  			<div class="item-title"><span class="title-icon" v-if="comproblemId != '00'">Q:</span><span v-html="itemt.title"></span></div>
  			<div class="item-content" v-html="itemt.content">
  			</div>
  		</li>
  	</ul>
  </div>
</template>

<script>
  import common from '../../assets/js/common';
  import Vue from 'vue';
	import Url from 'url';
  import QueryString from 'querystring';
  import {Toast, MessageBox} from 'mint-ui';
  export default{
    data (){
      return {
        title:'',
        comproblemList: [],
        comproblemId:''
      };
    },
    components: {},
    created (){
        console.info('hahahah');
    	var _this = this;
      if (!common.isApp) {
        Toast("请在APP中打开！");
      }
      var hrefUrl = window.location.href;
    	var urlObj = Url.parse(hrefUrl);
    	var queryObj = QueryString.parse(urlObj.query);
    	var comproblemId = queryObj.comproblemId;
    	var title = '';
    	var comproblemList = [];
    	this.comproblemId = comproblemId;
    	switch (comproblemId) {
    		case '00':
    			title = '礼品卡';
	    		comproblemList = [
	    			{
	    				title: '礼品卡介绍',
	    				content: '·&nbsp;车享家礼品卡是一张上海车享家汽车科技服务有限公司发行的，为车主提供专属服务的预付费卡。<br/>·&nbsp;该卡为一张不记名的，定额（面额包括100元、200元、500元、1000元等）的预付费卡。<br/>·&nbsp;礼品卡无法进行充值，可在所有车享家直营门店进行任意消费。<br/>'
	    			},
	    			{
	    				title: '温馨提示：',
	    				content: '·&nbsp;购买礼品卡时可由购卡门店开具发票。<br/>·&nbsp;持本卡消费时商户不再提供发票。<br/>·&nbsp;卡片背面的密码为进行消费时需要输入的密码。<br/>·&nbsp;请在有效期内使用本卡，本卡不挂失，不提现。<br/>'
	    			}
	    		];
	    		break;
    		case '01':
    			title = '账号相关';
	    		comproblemList = [
	    			{
	    				title: '产品的特殊退货政策？',
	    				content: '我们尽全力设计和制造产品以满足你的需求，因此我们有信心认为你热爱从车享家购买的产品。然而我们也理解有时候你可能对产品的预期有所不同，虽然发生这种情况的可能性很小，但如你有此想法时，请知悉以下与产品退货相关的条款。'
	    			}
	    		];
	    		break;
    		case '02':
    			title = '订单、支付及退款';
	    		comproblemList = [
	    			{
	    				title: 'APP订单支持哪些支付方式？',
	    				content: '您可以通过支付宝、微信及车享余额进行订单支付。'
	    			},
	    			{
	    				title: '网站订单支持哪些支付方式？',
	    				content: '您可以通过支付宝和个人网银进行订单支付。'
	    			},
	    			{
	    				title: '退款后券码何时返还？',
	    				content: '在您取消订单后，券码会立即返还到您的账户里面的。'
	    			},
	    			{
	    				title: '退款到账时间是多久？',
	    				content: '您好，在您取消订单后，我们核实相关信息后，会在7-15个工作日为您完成退款。'
	    			},
	    			{
	    				title: '同一笔订单重复支付怎么退款？',
	    				content: '请您提供支付截图发送到我们的邮箱，提供的截图需要是含“交易单号”和“商户单订单号”的截图。邮箱地址是：tupian@chexiang.com。'
	    			},
	    			{
	    				title: '套餐卡如何退款？',
	    				content: '套餐卡未购超过90天，您可以拨打4008020666，向客服人员提供您的姓名+联系电话+下单手机号码+订单编号+需要退的套餐卡名称，我们核实信息后会在7-15个工作日为您完成退款。<br/>套餐卡已购超过90天，您可以拨打4008020666，向客服人员提供您的姓名+联系电话+下单手机号码+订单编号+需要退的套餐卡名称，另外需要您提供一张银行借记卡，借记卡开户行，开户人名字，我们核实信息后会在7-15个工作日为您完成退款。'
	    			},
	    			{
	    				title: '如何取消APP订单？',
	    				content: '如您要取消，建议您可以登陆车享家APP，进入个人中心，选择该订单进行操作取消，如有问题，可以拨打4008020666进行咨询。'
	    			}
	    		];
	    		break;
	    	case '03':
    			title = '门店服务';
	    		comproblemList = [
	    			{
	    				title: '车享家门店中有些服务在APP中没有？',
	    				content: '由于门店遍布全国各地，不同的门店由于区域、天气等各种因素会有个别服务项目的不同，并且汽车维修保养美容等服务根据不同的车型也有所不同，所以关于更多的服务项目您可咨询附近的门店。'
	    			},
	    			{
	    				title: '在车享家门店做服务时能自带产品吗？',
	    				content: '为了保障服务品质的一致性，目前车享家门店是不支持自带产品服务的，造成不便请您谅解！'
	    			},
	    			{
	    				title: '关于服务配件的咨询？',
	    				content: '由于车辆的车型、年款、车况不同，我们需要现场查看您的车辆判断零件是否适配、是否有必要更换，为保证服务的品质，建议您驾车到店咨询。'
	    			},
	    			{
	    				title: '关于车享家门店信息？',
	    				content: '可以在APP"门店"查询。'
	    			},
	    			{
	    				title: '关于车享家门店加盟？',
	    				content: '非常感谢您对车享家的支持，麻烦您留一下您的姓名，联系电话，邮箱地址，加盟区域（省市区），是个人还是公司，加盟店面面积，后续有加盟意向，我们会有工作人员和您联系，具体的加盟事宜您可以和后续的工作人员确认。'
	    			},
	    			{
	    				title: '小保养套餐包含什么？',
	    				content: '小保养套餐中包含机油（4l）和机滤的。'
	    			},
	    			{
	    				title: '保养时想选用指定品牌机油可以吗？',
	    				content: '一般来讲，门店会常备嘉实多、壳牌、昆仑和赛倍飒的机油，其他品牌的机油门店是否有备，建议可以咨询一下门店。'
	    			},
	    			{
	    				title: '车辆多少公里做保养比较合适？',
	    				content: '根据车辆具体情况，给您的建议是：小保养：每三个月或每5000公里，可做换机油+机滤。 大保养：1年或每8000~10000公里，可做换机油+机滤+空调滤+空气滤。您可以根据您的车辆具体情况做下选择，也可以致电就近的门店做咨询。'
	    			},
	    			{
	    				title: '精洗有什么好处？',
	    				content: '精致洗车是在普通洗车基础之上做更加精细的清洁保养服务，对洗车的流程及工具、产品进行提升，减少洗车对车漆的伤害。精致洗车给车主带来的是车内外的全面清洁服务，大到车身轮胎，小到门缝、轮毂等进行全方位的清洁。具体的服务内容建议您可以和门店工作人员咨询。'
	    			},
	    			{
	    				title: '为什么要提前预约？',
	    				content: '为了减少您到店等待的时间，建议您去之前先和门店电话确认下。'
	    			},
	    			{
	    				title: '为什么不同门店的洗车价格有差异？',
	    				content: '不同的地区价格可能会略有不同，如果您是在APP下单的，以APP下单为准，如果是到店直接服务的，请以门店告知为准。'
	    			},
	    			{
	    				title: '精洗和全车内饰清洁区别？',
	    				content: '精致洗车的服务范围： 全车漆面，玻璃，内饰，仪表台，发动机舱，轮毂的清洁。全车内饰清洁的服务范围： 全车内饰(包含座椅，门板，仪表台，顶棚，脚垫，后备箱)的清洁，您可以对比一下的。'
	    			},
	    			{
	    				title: '精洗和普洗差别？',
	    				content: '您好，普通洗车 服务范围： 全车漆面，玻璃，擦拭内饰，简单清洁后备箱 精致洗车 服务范围： 全车漆面，玻璃，内饰，仪表台，发动机舱，轮毂，您可以对比一下的。'
	    			},
	    			{
	    				title: '到店服务的车辆与在APP内登记的车辆信息不一致有影响吗？',
	    				content: '客户下单做服务的车辆要与APP内登记的信息保持一致，订单是自己绑定的车辆去服务的，如果去门店服务车辆信息不一致，门店有权拒绝给客户提供服务，具体的建议您可以和门店协商一下。'
	    			},
	    			{
	    				title: '在车享家保养是否影响车辆质保？',
	    				content: '根据相关法规规定，出现的质量问题只要与该保养没有因果关系，或者说保养未造成损坏的，经销商是不能免除三包责任的，但是最终质保由经销商提供，因此建议您和您的4S店沟通确认一下，避免造成不必要的麻烦，也非常感谢您对车享家的支持。'
	    			},
	    			{
	    				title: '20项免费检测包含哪些项目？',
	    				content: '车享家为您提供包含机油、电瓶、轮胎等专业20项检测。分别是：  1.发动机机油 2.前挡风玻璃水槽 3.雨刮片 4.玻璃清洁剂  5.气门嘴 6.轮胎 7.刹车片 8.电瓶  9.整车灯光 10.胎压  11.变速箱油 12.刹车油  13.转向助力油 14.防冻液 15.轮胎螺母 16.火花塞  17.附件皮带 18.空气滤清器 19.发动机 20.变速箱'
	    			},
	    			{
	    				title: '打蜡是否包含洗车？',
	    				content: '打蜡前会做简单的冲洗，但这个不作为洗车项目，所以为了保证打蜡效果，建议您可以另外下一个洗车订单。'
	    			},
	    			{
	    				title: '钣金喷漆业务有哪些门店可以做？',
	    				content: '您可以在车享家APP下方选择门店，服务类型里面选择钣喷查看可以做钣金喷漆的门店信息，如有意向门店，也可致电咨询。'
	    			},
	    			{
	    				title: '车享家的服务工时费怎么收取？',
	    				content: '车享家服务订单里面已经包含工时费，不需要您额外付费的。'
	    			}
	    		];
	    		break;
	    	case '04':
    			title = '会员及活动';
	    		comproblemList = [
	    			{
	    				title: '积分有效期是多久？',
	    				content: '积分有效期是，当年获得的积分，次年12月31日失效。'
	    			},
	    			{
	    				title: '优惠券怎么使用？',
	    				content: '这个券需要在APP下单后到店使用的，可使用门店以APP下单显示为准，如果您APP正常下单后门店不让您使用，可以直接拨打我们的车享家客服专线4008020666-1反馈让工作人员为您核实的。'
	    			},
	    			{
	    				title: '推荐好友活动怎么参与？',
	    				content: '在车享家APP个人中心，有一个推荐有礼的活动，这个活动是针对车享家到店的老用户的，如您是车享家的老用户您可以点击进去邀请好友注册下载APP，好友可获得258元车享家新手礼包，并且好友首次到店消费后，您可获得30元车享家抵价券。'
	    			},
	    			{
	    				title: '邀请好友签到灌水怎么没了？',
	    				content: '针对车享家APP，不同时期有不同的营销活动，目前签到灌水无法邀请好友帮忙灌水，请您谅解。'
	    			},
	    			{
	    				title: '车享家消费积分未到账？',
	    				content: '车享家消费积分是在消费后的当天发放到账户的，如还未到账，您可以拨打4008020666进行咨询。'
	    			},
	    			{
	    				title: '天天红包怎么没了？',
	    				content: '针对车享家APP，不同时期有不同的营销活动，目前天天红包活动已经下线，后续我们会有其他不同的活动推出，感谢您关注车享家。'
	    			},
	    			{
	    				title: 'APP上怎么参与壕享星期三？',
	    				content: '进入车享家APP“我的”，点击积分，在我的积分-花积分内，查看壕享星期三参与活动。'
	    			}
	    		];
	    		break;
	    	case '05':
    			title = 'APP使用';
	    		comproblemList = [
	    			{
	    				title: '怎么查违章？',
	    				content: '您可以在APP点击“我的-更多-会员权益-违章提醒-去看看”进行违章查询。'
	    			},
	    			{
	    				title: 'APP新手礼包如何领取？',
	    				content: '这个礼包是在首次下载车享家APP后您首次打开的时候会提示您领取的。先到先得，数量有限，领完即止。'
	    			},
	    			{
	    				title: 'APP新手礼包领取失败怎么办？',
	    				content: '单个用户（同一会员ID、同一设备、同一手机号，满足前述任一条件均视为同一用户）只发放一次新手礼包，APP成功获取用户定位的情况下，用户才能领取新手红包，您看下您的设备是否登录过其他的账号，或者您的账号是否在其他设备上登录过呢？还有您的APP是否成功定位到当前城市了呢？'
	    			},
	    			{
	    				title: '什么是APP专享券？',
	    				content: '您看下您的券上面是否有“APP专享”字样，有这个字样的，是需要您在车享家APP中下单后再到店使用的。'
	    			},
	    			{
	    				title: '怎么领取会员权益？',
	    				content: '您可以在车享家APP中-个人中心-更多-会员权益中进行权益券码的领取。'
	    			},
	    			{
	    				title: '怎么在APP下单？',
	    				content: '您可以登陆车享家APP，在首页选择更多服务查看对应的服务，选择您方便的门店进行下单。'
	    			},
	    			{
	    				title: '车享家的优惠券怎么使用？',
	    				content: '在您下单提交订单时，订单页面有可以使用的优惠券张数，您点击进去选择使用，在付款时，即可进行抵扣。使用优惠券下单的，是需要在优惠券的有效期内到店使用的，如果优惠券过期，订单就自动取消的。'
	    			}
	    		];
	    		break;
	    	case '06':
    			title = '物流配送';
	    		comproblemList = [
	    			{
	    				title: '车品发货时间？',
	    				content: '工作日24小时内发货，周末及节假日不发货。'
	    			},
	    			{
	    				title: '车品能退换货吗？',
	    				content: '车品支持7天无理由退换货，退货的产生的运费由买家承担。'
	    			},
	    			{
	    				title: '车品的发票怎么开？',
	    				content: '下单时可选择是否开具发票，当月订单，次月15日前开具。'
	    			},
	    			{
	    				title: '车品的退货钱款多久到账？',
	    				content: '车享家收到退货后的7个工作日内到账。'
	    			}
	    		];
	    		break;
    		case '07':
    			title = '优惠券使用说明';
	    		comproblemList = [
	    			{
	    				title: '怎么获得优惠券？',
	    				content: '<ol><li>参加签到活动获得；</li><li>参加福利中心活动获得；</li><li>参加拼团活动购买获得；</li><li>参加各种线上线下活动获得；</li></ol>'
	    			},
	    			{
	    				title: '优惠券如何使用？',
	    				content: '<ol><li>优惠券需要选择对应的服务时才能使用，在确认订单前选择可以使用的优惠券；</li><li>惠券在对应服务使用时，优惠券金额小于订单金额，需要补足差价，优惠券金额大于等于订单金额时，则无需再支付费用，具体以该券说明为准；</li><li>用户须在券有效期内到店完成服务，每张优惠券上均有标注使用有效期，过期未到店完成服务将自动取消订单；</li><li>本券不可兑换现金，不找零，不与其他活动共享；</li><li>每个订单限使用一张优惠券，不能叠加或拆分使用。</li></ol>'
	    			},
	    			{
	    				title: '下单时使用了优惠券，但是订单取消了，优惠券会返还吗？',
	    				content: '会的，订单取消后优惠券会自动返还到您的账户。'
	    			},
	    			{
	    				title: '优惠券会有哪些限定规则？',
	    				content: '使用券时请仔细查看券说明，一般会有限定使用时间（如仅限周末使用）、限定城市、限定门店、限定服务类目这样几种限定形式。'
	    			},
	    			{
	    				title: '线下获得的券码如何在APP上使用？',
	    				content: '<ol><li>在“我的”>“优惠券”>“添加优惠券”中输入获得的券码，再到相应服务下单，选择这张优惠券进行使用；</li><li>如果出现无法添加的情况，凭券码前往门店进行使用。</li></ol>'
	    			},
	    			{
	    				title: '已使用的券在哪里查看？',
	    				content: '在“我的”>“优惠券”>“查看不可用券”中查看近三个月内已使用或已过期的券。'
	    			}
	    		];
	    		break;
            case '08':
                title = '套餐卡使用规则';
                comproblemList = [
                    {
                        title: '套餐卡如何使用？',
                        content: '<ol><li>套餐卡购买后请在有效期内进行使用，过期无效；</li><li>使用套餐卡下单时，其他所有促销、优惠券等均不可叠加使用；</li><li>用户可在“我的-套餐卡-点击卡号”查看套餐卡内服务剩余次数；</li><li>套餐卡使用的区域范围以套餐卡商品详情说明为准，一般为限定购卡城市所在省份使用，有特别说明的，以特别说明为准；</li><li>套餐卡一经激活使用后，不可申请退款。</li></ol>'
                    }
                ];
    		default:
    	}
			_this.title = title;
			_this.comproblemList = comproblemList;
			_this.changeTitle(title);
    },
    methods: {
    	changeTitle: function (title) {
    		document.title = title || '';
    		/*
		    var iframe = document.createElement('iframe');
		    iframe.style.visibility = 'hidden';
		    iframe.style.width = '1px';
		    iframe.style.height = '1px';
		    iframe.onload = function () {
		        setTimeout(function () {
		            document.body.removeChild(iframe);
		        }, 0);
		    };
		    document.body.appendChild(iframe);
		    */
    	}
    }
  }
</script>

<style lang="scss">
  @import "../../assets/css/reset.scss";
  @import "../../assets/css/common.scss";

  html, body {
    height: 100%;
  }

  .comproblem-wrap {
  	min-height: 100%;
  	overflow-y: auto;
    background: #ffffff;
    padding: 0 2rem;
    text-align: left;
    .comproblem-title {
    	height: 6.2rem;
    	line-height: 6.2rem;
    	font-size: 2.5rem;
    	color: #243742;
    	font-weight: 800;
    }
    .comproblem-list {
    	.comproblem-item {
    		.item-title {
    			padding: 1.5rem 0;
    			line-height: 2.4rem;
    			font-size: 1.8rem;
    			color: #243742;
        	overflow:hidden;
    			.title-icon {
    				margin-right: 1rem;
    			}
    		}
    		.item-content {
    			line-height: 2.5rem;
    			font-size: 1.5rem;
    			color: #5d6870;
    			img {
    				max-width: 100%;
    			}
    			ol {
    				padding-left: 2rem;
    				li {
    					list-style: decimal;
    					list-style-position: outside;
    				}

    			}
    		}
    		padding-bottom: 1rem;
    	}

    }
  }

</style>
